* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

input {

    outline: none;
    border: none;
}


.head_search {
    padding: .1rem;

    input:nth-child(1) {
        height: 0.3rem;
        width: 4.33rem;
        background: #ededed;
        padding: 0.2rem 0 0.2rem 0.2rem;
        border-radius: 0.2rem;
    }

    input:nth-child(2) {
        width: 0.8rem;
        height: 0.38rem;
        background: #ff841d;
        color: #ffffff;
        border-radius: 0.2rem;
        font-size: .16rem;
    }
}

.content {
    .content_t_t {
        background: #ededed;
        font-size: .18rem;
        padding: .12rem .15rem;
        color: #000000;
        display: flex;
        justify-content: space-between;
        span:nth-child(1){
            color: #000000;
            font-weight: 600;
            font-size: .2rem;
        }
        span:nth-child(2) {
            transform: rotate(90deg);
            font-size: .27rem;
            line-height: 0;
            color:#888888;
        }
    }

    .content_t_c {
        display: flex;
        flex-wrap: wrap;

        a {
            font-size: .18rem;
            width: 33.3%;
            border: 1px solid #ccc;
            text-align: center;
            color: #333333;
            padding: 0.12rem 0;
            background: #f9f9f9;
        }
    }
    .content_b{
        margin-bottom: 0.25rem;
        ul {
            li{
                background:#ededed;
                padding: 0.12rem .15rem;
                display: flex;
                justify-content: space-between;
                border-bottom: 0.01rem solid #cccccc;
                span:nth-child(1){
                    color: #000000;
                    font-weight: 600;
                    font-size: .18rem;
                }
                span:nth-of-type(2){
                    display: inline-block;
                
                   
                    font-size: .27rem;
                    line-height: 0;
                   padding-left: .12rem;
                    color:#888888;
                    transform: rotate(90deg);
                }
            }
        }
    }
}
.foot {
    background: #efefef;
    .foot_t {
        display: flex;
        justify-content: space-around;
        a {
            width: 100%;
            font-size: 0.14rem;
            text-align: center;
            padding: 0.06rem 0;
            color: #000000;
            border: 0.01rem solid #c4c4c4;
            position: relative;
            span {
                display: inline-block;
                background: url("../img/top.jpg");
                height: 0.15rem;
                width: 0.15rem;
                position: absolute;
                top: 0.09rem;
                left: 0.45rem;
                background-size: 0.15rem 0.15rem;
                background-repeat: no-repeat;
            }
        }
    }
    .foot_b {
        padding: .15rem 0;
        p {
            font-size: .16rem;
            text-align: center;
            a {
                display: inline;
                font-size: .16rem;
                color: #ff0000;
            }
            span:nth-of-type(1) {
                color: #000000
            }
            span:nth-of-type(2) {
                color: #666666;
            }
        }
        p:nth-of-type(2) {
            color: #666666;
        }
    }
}